import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// 导入path 下载yarn add @types/node -
import path from 'path'

// 为组件配置name属性插件
import vueSetupExtend from 'vite-plugin-vue-setup-extend'
//  如果提供的默认值需要在模板中渲染，需要额外添加配置{reactivityTransform: true}
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue({
    reactivityTransform: true
  }),vueSetupExtend()],
  // 配置路径别名
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src')
    }
  },
  // 配置全局导入less
  css: {
    preprocessorOptions: {
      less: {
        additionalData: `
          @import "@/assets/styles/variables.less";
          @import "@/assets/styles/mixins.less";
        `
      }
    }
  },
  // 第三方登录配置
  server:{
    // 主机
    host:'www.corho.com',
    // 端口号
    port:8080,
    // 其他配置
    open:true,
    cors:true
  }
})
